<template>
	<view>
		<view v-if="status == 2">
			<view style="height: 150px;background-color: #4088f2;position: relative;">
				<view style="display: flex;justify-content: flex-start;">
					<view>
						<image src="@/static/me/u2071.png" mode=""
							style="width: 89px;height: 90px;margin-top: 25px;margin-left: 10px;" />
					</view>
					<view
						style="color: #fff;margin-top: 30px; margin-left: 10px;display: flex;flex-direction: column;justify-content: space-around;">
						<h3>张三三</h3>
						<view style="font-size: 14px;font-weight: bold;">
							<span>女</span>
							<span style="margin-left: 10px;">23</span>
							<span>岁</span>
							<span style="margin-left: 10px;">高血压人群</span>
						</view>

					</view>

				</view>
			</view>

			<view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotoperson">
						<span>个人信息</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;
					" @click="gototeam">
						<span>家庭成员</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotopasswordme">
						<span>我的咨询</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotopassword">
						<span>挂号记录</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;">
						<span>密码设置</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;">
						<span>关于我们</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;"  @click="gotosetting">
					<image src="@/static/me/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;">
						<span>系统设置</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<view v-if="status == 1">
			<view style="height: 150px;background-color: #4088f2;position: relative;">
				<view style="display: flex;justify-content: flex-start;">
					<view>
						<image src="@/static/images/u2071.png" mode=""
							style="width: 89px;height: 90px;margin-top: 25px;margin-left: 10px;" />
					</view>
					<view style="color: #fff;margin-top: 50px;margin-left: 10px;">
						<h3>李西西</h3>
						<p style="font-size: 14px;">南大街社区卫生团队</p>
					</view>
					<view class="flx" style="width: 90%; background-color: #fff; position: absolute; top: 130px;left: 15px; height: 83px;border-radius: 10px; padding: 10px; overflow: hidden; box-sizing: border-box;">
						<view
							style="display: flex;flex-direction: column;justify-content: space-around;">
							<p style="font-size: 18px;font-weight: bold; text-align: center;">1022</p>
							<p style="color: #b3b3b3;font-size: 14px;">
								问诊次数
							</p>
						</view>
						<span style="border-left: 1px solid #e4e4e4;height: 25px;margin-top: 20px;"></span>
						<view
							style="display: flex;flex-direction: column;justify-content: space-around;margin-left: 10px;">
							<p style="font-size: 18px;font-weight: bold; text-align: center;">3415</p>
							<p style="color: #b3b3b3;font-size: 14px;">
								转诊次数
							</p>
						</view>
						<span style="border-left: 1px solid #e4e4e4;height: 25px;margin-top: 20px;"></span>
						<view
							style="display: flex;flex-direction: column;justify-content: space-around;margin-left: 10px;">
							<p style="font-size: 18px;font-weight: bold; text-align: center;">2312</p>
							<p style="color: #b3b3b3;font-size: 14px;">
								患者人数
							</p>
						</view>
					</view>
				</view>
			</view>

			<view>
				<view
					style="background-color: #fff;margin-top: 70px;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/images/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotoperson">
						<span>个人信息</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>
				</view>
		<!-- 		<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/images/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;
					" @click="gototeam">
						<span>我的团队</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>
				</view> -->
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/images/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotopassword">
						<span>密码设置</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/images/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotoconcer">
						<span>关于我们</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
				<view style="background-color: #fff;display: flex;border-bottom:1px solid #ccc ;padding: 10px;">
					<image src="@/static/images/shape_u2099.png"
						style="width: 14px;height: 14px;margin-top: 5px;margin-right: 10px;"></image>
					<view style="display: flex;justify-content: space-between;width: 90vw;" @click="gotosetting">
						<span>系统设置</span>
						<u-icon name="arrow-right" color="#ccccd2" size="22"></u-icon>
					</view>

				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status: 2,
			};
		},
		onLoad(e) {
			console.log(uni.getStorageSync('number'));
			this.status = uni.getStorageSync('number')
		},
		methods: {
			gotoperson() {
				console.log(this.status);
				if (this.status == 2) {
					uni.navigateTo({
						url: '/pages/me/personal'
					})
				} else {
					uni.navigateTo({
						url: '/pages/index/doctor-my/personal',
					});
				}

			},

			gototeam() {
				if (this.status == 2) {
					uni.navigateTo({
						url: '/pages/me/famliy',
					})
				} else {
					uni.navigateTo({
						url: '/pages/index/doctor-my/team',
					})
				}

			},
			gotopasswordme() {
				if (this.status == 2) {
					uni.navigateTo({
						url: '/pages/me/consult/consult'
					})
				}
			},
			gotopassword() {
				console.log(this.status);
				if (this.status == 2) {
					uni.navigateTo({
						url: '/pages/me/history'
					})
				} else {
					uni.navigateTo({
						url: '/pages/index/doctor-my/password'
					})
				}

			},
			gotoconcer() {
				uni.navigateTo({
					url: '/pages/index/doctor-my/concerning'
				})
			},
			gotosetting() {
				console.log("点击");
				uni.navigateTo({
					url: '/pages/index/doctor-my/setting'
				})
			}

		}
	}
</script>

<style lang="scss">

</style>